<div class="combination-graph-content clearfix">
    <div class="combination-graph-content-left">
        <div id="combinationGraphGraph" style="width: 100%;height: 500px;"></div>
    </div>
    <div class="combination-graph-content-right">
        <div id="combinationECharts" style="width: 100%; height: 300px;"></div>

        <div v-show="fundList" class="table-responsive" style="margin-top: 10px;display: none;">
            <div id="covContent">
                <table v-show="fundList.length <= 5" style="display: none;" class="table table-bordered">
                    <thead>
                    <tr>
                        <th colspan="{{fundList.length + 1}}">所选基金相关性矩阵表</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>&nbsp;</td>
                        <td v-for="fund in fundList">{{fund.fundNameShort | length 4}}</td>
                    </tr>
                    <tr v-for="fund1 in fundList">
                        <td>{{fund1.fundNameShort | length 4}}</td>
                        <td v-for="fund2 in fundList" class="cov"></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <table v-show="fundList.length > 5" style="display: none;" class="table table-bordered">
                <thead>
                <tr>
                    <th>所选基金相关性矩阵表 <a class="cov-more" v-on:click="covMore();" style="float: right;"
                                      href="javascript:;">点击查看更多</a></th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
<div id="combinationPointContent" class="pointContent">
    <table class="table table-bordered table-hover" id="combinationList">
        <thead>
        <tr>
            <th>组合展示</th>
            <template v-for="title in titleList">
                <th>{{title}}</th>
            </template>
        </tr>
        </thead>
        <tbody>
        <template v-for="graph in graphList">
            <tr class="graph_{{$index}}" v-on:click="selectDot($event);">
                <td>&nbsp;</td>
                <template v-for="title in titleList">
                    <td>{{graph[2][title] | percent}}</td>
                </template>
            </tr>
        </template>
        </tbody>
    </table>
    <table v-show="dotSelect" class="table table-bordered table-hover" style="display: none;">
        <thead>
        <tr>
            <th>相关参数值</th>
            <th>风险</th>
            <th>收益</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>&nbsp;</td>
            <td>{{dot.risk}}</td>
            <td>{{dot.profit}}</td>
        </tr>
        </tbody>
    </table>
</div>
<p class="accept">
    <button type="button" class="btn btn-primary" v-on:click="accept();">接受</button>
</p>